<template>
  <div>
    <div style="height: 46px">
      <van-nav-bar fixed style="height: 46px">
        <van-icon name="arrow-left" slot="left" size="28px" color="#101010" @click="onClickLeft"></van-icon>
      </van-nav-bar>
    </div>
    <div class="agr-head">
      <h1>VIP会员服务协议</h1>
    </div>
    <div class="con">
      <div>
      <h3>1.服务条款的接受与修改</h3>
      <p>1.本协议是会员与用户之间的相关协议，本协议是会员与用户之间的相关协议，本协议是会员与用户之间的相关协议，本协议是会员与用户之间的相关协议，本协议是会员与用户之间的相关协议，本协议是会员与用户之间的相关协议，本协议是会员与用户之间的相关协议，本协议是会员与用户之间的相关协议。</p>
      <p>1.本协议是会员与用户之间的相关协议，本协议是会员与用户之间的相关协议，本协议是会员与用户之间的相关协议，本协议是会员与用户之间的相关协议，本协议是会员与用户之间的相关协议，本协议是会员与用户之间的相关协议，本协议是会员与用户之间的相关协议，本协议是会员与用户之间的相关协议。</p>
    </div>
      <div>
        <h3>1.服务条款的接受与修改</h3>
        <p>1.本协议是会员与用户之间的相关协议，本协议是会员与用户之间的相关协议，本协议是会员与用户之间的相关协议，本协议是会员与用户之间的相关协议，本协议是会员与用户之间的相关协议，本协议是会员与用户之间的相关协议，本协议是会员与用户之间的相关协议，本协议是会员与用户之间的相关协议。</p>
        <p>1.本协议是会员与用户之间的相关协议，本协议是会员与用户之间的相关协议，本协议是会员与用户之间的相关协议，本协议是会员与用户之间的相关协议，本协议是会员与用户之间的相关协议，本协议是会员与用户之间的相关协议，本协议是会员与用户之间的相关协议，本协议是会员与用户之间的相关协议。</p>
      </div>


    </div>
  </div>
</template>
<script>
  export default {
    name:'agreement',
    methods:{
      onClickLeft(){
        this.$router.go(-1)
      }
    }
  }
</script>
<style scoped>
  .agr-head{
    padding: 30px 0 52px 0 ;text-align: center;
  }
  .agr-head h1{
    font-size: 28px;font-weight: normal;
  }
  .con{padding: 18px 20px}
  .con h3 {
    font-size: 16px;font-weight: normal;margin: 18px 0;
  }
  .con p {
    color: #888888  ;line-height: 20px;padding:  5px;
  }
</style>
